<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script>
      //浏览器存储功能之一：本地存储,localStorage对象实现的！！！本地存储数据一般存储的是字符串。

      //本地存储存储数据实现 第一个参数：相当于K  第二个参数：相当于V
      //持久化存储数据:电脑关机重启数据也在或者把网页关闭也在！！！
      //存储功能:如果K一样，后者覆盖前者
      //localStorage.setItem("todo",'我是本地存储功能,一般存储字符串');
      //localStorage.setItem("todo1",'我是小明,我很帅');

      //读取:读取的时候，通过K，获取相应存储的V
      //读取浏览器存储数据的时候，如果没有存储过的K，获取数据为null
     //   let result = localStorage.getItem("todo");
     //   let result1 = localStorage.getItem('todo1');
     //   console.log(result);
     //   console.log(result1);


      //删除本地存储的数据
      //删除本地存储数据：通过K移出相应的V
      // localStorage.removeItem('todo');
</script>
<script>
        //开发当中咱们一般存储：JSON、数组。
        //先把引用类型的数据，转换为字符串进行存储
        // let todo = ['我爱你','塞北的雪','鲁班七号挺猛'];
        // let obj = {a:1,b:2};
        // //本地存储:存储引用类型的数据，先把他们转换为字符串
        // localStorage.setItem('data',JSON.stringify(todo));
        // localStorage.setItem('data1',JSON.stringify(obj));


        // //读取:JSON.parse,可以把字符串转换为引用类型的数据
        // let result = JSON.parse(localStorage.getItem('data'));
        // let result1 = JSON.parse(localStorage.getItem('data1'))
        // console.log(result,result1);
</script>